// 主题背景渐变色
$backimg: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
//主题字体颜色
$color: #f80;
//字体灰色
$greyText: #aaa;
//卡片阴影
$card-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
//定位居中
@mixin center($posi: relative) {
  position: $posi;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
//固定定位
@mixin fixed($top: 0, $left: 0, $index: 1) {
  position: fixed;
  top: $top;
  left: $left;
  z-index: $index;
}
//卡片样式
@mixin card {
  background-color: #fff;
  margin: 20px;
  padding: 20px 15px;
  border-radius: 30px;
  box-shadow: $card-shadow;
  display: flex;
  flex-direction: column;
}
